<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>大战略</title>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/tgs.js"></script>
</head>
<body>
<!-- <img  id="bgMap" src="map/86/51/3232,1681.jpg" style="display:none;"/> -->
<div id="mapContainer" style="width:100%;height:600px;">
</div>
<script>
Map.loadPic(3232,1681);
Map.initial('mapContainer');

/*
var centerX=centerY=0;
function refresh(){
	var w=h=36;
	var mapW=mapH=40;
	var mycontext=$("#map")[0].getContext('2d');
	mycontext.clearRect(0,0,900,800);
	for(var i=0;i<mapW;i++){
		for(var j=0;j<mapH;j++){
			mycontext.strokeRect(centerX+i*w,centerY+j*h,w,h);
		}
	}
}
$("#map").click(function(){
	return;
	centerX+=10;
	centerY+=10;
	refresh();
});
refresh();
$("#map").mouseup(function(){
	var ondrag=false;
});
$("#map").mousedown(function(e){
	ondrag=true;
	offsetX = e.offsetX;
    offsetY = e.offsetY;
});
$("#map").mousemove(function(e){
	if(!ondrag)return;
	var centerX = e.clientX-offsetX;
    var centerY = e.clientY-offsetY;
    refesh();
});
*/
</script>
</body>
</html>